<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录注册</title>
    <link rel="stylesheet" href="./css/login_page.css" />
    <script src="./js/jquery.min.js"></script>
  </head>
  <body>
    <div class="container">
      <!-- 用户登录 -->
      <div class="login flex">
        <span class="iconfont icon-duihao sign"></span>
        <form action="">
          <div class="iptbox flex">
            <span class="iconfont icon-yonghu-xianxing ipt-sign"></span>
            <input
              type="text"
              name=""
              id="log-ipt1"
              value=""
              placeholder="手机号"
            />
          </div>
          <div class="iptbox flex">
            <span class="iconfont icon-jiesuo ipt-sign"></span>
            <input
              type="password"
              name=""
              id="log-ipt2"
              value=""
              placeholder="密码"
            />
          </div>
          <p><a onclick="toForgetPd()">忘记密码?</a></p>
          <div class="flex">
            <input type="button" value="登录" id="logBtn" />
          </div>
          <p>还没有账号？<a onclick="toRegister()">注册</a></p>
        </form>
      </div>
      <!-- 用户注册 -->
      <div class="register flex">
        <span class="iconfont icon-yuanquan sign"></span>
        <form action="">
          <div class="iptbox flex">
            <span class="iconfont icon-yonghu-xianxing ipt-sign"></span>
            <input
              type="text"
              name=""
              id="reg-ipt1"
              value=""
              placeholder="手机号"
            />
          </div>
          <div class="iptbox flex">
            <span class="iconfont icon-jiesuo ipt-sign"></span>
            <input
              type="password"
              name=""
              id="reg-ipt2"
              value=""
              placeholder="密码"
            />
          </div>
          <!-- 获取验证码 -->
          <div class="iptbox flex testCode">
            <input type="text" name="" id="" value="" placeholder="验证码" />
            <a onclick="testCode1()">获取验证码</a>
          </div>
          <div class="flex">
            <input type="button" value="注册" id="regBtn" />
          </div>
          <p>已有账号？<a onclick="toLogin()">去登录</a></p>
        </form>
      </div>
      <!-- 忘记密码 -->
      <div class="forgetPassword flex">
        <span class="iconfont icon-yuanquan sign"></span>
        <form action="">
          <div class="iptbox flex">
            <span class="iconfont icon-yonghu-xianxing ipt-sign"></span>
            <input type="text" name="" id="" value="" placeholder="手机号" />
          </div>
          <div class="iptbox flex">
            <span class="iconfont icon-jiesuo ipt-sign"></span>
            <input
              type="password"
              name=""
              id=""
              value=""
              placeholder="新密码"
            />
          </div>
          <div class="iptbox flex testCode">
            <input type="text" name="" id="" value="验证码" />
            <a onclick="testCode2()">获取验证码</a>
          </div>
          <div class="flex">
            <input type="button" value="下一步" />
          </div>
          <p><a onclick="toLogin()">返回</a></p>
        </form>
      </div>
      <div class="back"></div>
    </div>
    <p class="bottom">
      Copyright @2021- 郑州千峰 版权所有 by jianghan 联系方式：xxxx-xxx-xxx
    </p>
    <script src="./js/login_page.js"></script>
  </body>
</html>
